<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>课程列表</title>
</head>

<style>
    div {
        width: 700px;
        /* max-width: 1000px; */
        margin: 0 auto;
    }

    h2 {
        color: coral
    }

    li {
        list-style-position: inside;
        border-bottom: 1px solid;
        padding: 0.5em
    }

    li:first-child {
        color: coral
    }

    li:last-child {
        border-bottom: none;
    }

    dt {
        color: coral
    }
</style>

<body>

    <div>
        <h2>课程列表</h2>
        <dl>
            <dt><strong>讲师：赵文博</strong></dt>
            <dd>HTML 与前端</dd>
            <dd>了解 CSS</dd>
            <dd>深入 CSS</dd>
            <dd>CSS 进阶</dd>
            <br>

            <dt><strong>讲师：吴亮</strong></dt>
            <dd>JavaScript 从入门到放弃</dd>
            <br>

            <dt>讲师：李松峰</dt>
            <dd>Web 标准：前端的原力</dd>
            <br>

            <dt><strong>讲师：李成银</strong></dt>
            <dd>前端常用的 HTTP 知识</dd>
            <br>

            <dt><strong>讲师：王峰</strong></dt>
            <dd>正则的三个应用场景</dd>
            <br>

            <dt><strong>讲师：李喆明</strong></dt>
            <dd>Node.js 基础入门（上）</dd>
            <dd>Node.js 基础入门（下）</dd>
            <br>

            <dt><strong>讲师：田东东</strong></dt>
            <dd>前端工程化浅析</dd>
            <br>

            <dt><strong>讲师：吴亮</strong></dt>
            <dd>前端动画可以这么玩</dd>
            <br>

            <dt><strong>讲师：饶占平</strong></dt>
            <dd>一起优化前端性能</dd>
            <br>

            <dt><strong>讲师：刘观宇</strong></dt>
            <dd>小程序，大世界</dd>
            <br>

            <dt><strong>讲师：胡尊杰</strong></dt>
            <dd>Web 前端点播直播入门</dd>
            <br>

            <dt><strong>讲师：孙磊</strong></dt>
            <dd>代码的自我修养</dd>
            <br>

            <dt><strong>讲师：李松峰</strong></dt>
            <dd>技术翻译：进阶的直梯</dd>
            <br>
        </dl>

        <h3>参考学习资源（个人推荐）</h3>
        <ul>
            <li><a href="https://study.qiyun.360.cn">奇舞学院</a></li>
            <li><a href="https://weekly.75team.com">奇舞周刊</a></li>
            <li><a href="https://developer.mozilla.org/zh-CN/docs/Web">MDN web docs</a></li>
            <li>Head First HTML 与 CSS</li>
            <li>Head First Javascript 程序设计</li>
            <li>其他博客书籍等</li>
        </ul>

        <!-- <a href="./qiBlogs.html">
            <h3>博客信息</h3>
        </a> -->
        <a href="./qiNews.html">
            <h3>新闻信息</h3>
        </a>

    </div>


</body>

</html>